@import "../mixin";
@import "../variables";

.style2-top,
.style1-top {
  width: 100%;
  background: $default center center no-repeat;
  background-size: cover;
  // overflow: hidden;
  position: relative;
  // TODO 加important避免 底部copyRight计算时影响
  padding-bottom: 16px!important;
  margin: 0!important;
  &.padding110{
    padding-bottom: 110px!important;
  }
  .cover{
    position: absolute;
    z-index: 9;
    bottom: -2px;
    width: 750px;
    height: 18px;
    background: url("https://img.wifenxiao.com/h5-wfx/images/user/member/user_bg_bottom_cover.png") center/100% 100% no-repeat;
  }
  .infoPanel {
    position: relative;
    padding: 0 30px;
    overflow: hidden;
    .avatar-box {
      width: 120px!important;
      height: 120px!important;
      display: inline-block;
      margin-top: 46px!important;
      margin-right: 22px;
      .avatar {
        margin: 0!important;
        padding: 0!important;
        width: 100%!important;
        height: 100%!important;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 50%;
        overflow: hidden;
        border:2px solid rgba(255, 255, 255, 0.8);
      }
    }

    .outer {
      display: none;
      position: absolute;
      width: 125px;
      height: 125px;
      background: url("https://img.wifenxiao.com/h5-wfx/images/user/icon-spin-s.png") no-repeat;
      background-size: 100%;
      -webkit-animation: spin 800ms infinite linear;
      animation: spin 800ms infinite linear;
      top: 50px;
      left: 18px;
    }

    .userinfo {
      width: 73%;
      padding-top: 46px!important;
      color: #fff;
      font-size: 24px;
      li,p {
        margin-bottom:10px;
        position: relative;
        font-size: 24px;
        min-height: 24px!important;
        &.nickname {
          margin-bottom: 12px;
          line-height:1.2;
          .nickname-title {
            overflow: hidden;
            display: inline-block;
            max-width: 53%;
            font-size: 36px;
            line-height: 40px;
            height: 40px;
            font-weight: bold;
            @include showEllipsis;
          }
          .lit-spn{
            @include alignTop;
            height:auto;
            line-height: 24px;
            padding: 8px 18px;
            margin-left: 15px;
            color: #180000;
            @include gradient(right,#fce36f,#ffc902);
            border:0;
          }
        }
        .lit-spn {
          display: inline-block;
          padding: 0 18px 0 0;
          height: 36px;
          line-height: 36px;
          border-radius: 20px;
          font-size: 20px;
          //background:rgba(0,0,0,.15);
        }
      }
    }
    .j-toggle {
      display: block;
      position: absolute;
      top: 49%;
      right: 25%;
      width: 22px;
      padding: 14px;
      box-sizing: initial;
      img {
        width: 100%;
      }
    }
    .hd-input {
      position: absolute;
      right: 0;
      bottom: 0;
      color: #fff;
      .title {
        font-size: 24px;
        display: inherit;
        text-indent: 6px;
        font-family: FangSong;
        max-width: 140px;
        white-space: nowrap;
        overflow: hidden;
        i {
          background: url("https://img.wifenxiao.com/h5-wfx/images/user/member/icon_user.png")
            no-repeat;
          width: 26px;
          height: 31px;
          margin-right: 6px;
          display: inline-block;
          position: relative;
          top: 8px;
          background-size: contain;
        }
        .qd-logo {
          width: 24px;
          height: 30px;
          background: url("https://img.wifenxiao.com/h5-wfx/images/user/member/qd_logo.png")
            no-repeat;
          background-size: contain;
        }
      }
      .change_qiandao {
        color: #ffdd79;
      }
      .btn {
        width:145px;
        height:56px;
        // line-height: 56px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 56px;
        padding-right: 24px;
        @include gradient(right,#fce36f,#ffc902);
        border-radius:28px 0px 0px 28px;
        font-size:24px;
        font-weight:500;
        color:#180000;
        position: relative;
        &.qd-btn {
          i{
            width: 38px;
            height: 38px;
            position: absolute;
            left: 11px;
            top: 50%;
            transform: translateY(-50%);
            background: url("https://img.wifenxiao.com/h5-wfx/images/user/member/g_bg.png") center/cover
            no-repeat;
          }
        }
      }
    }
    .gotoMail {
      position: absolute;
      top: 30px;
      right: 30px;
      background: url("https://img.wifenxiao.com/h5-wfx/images/user/member/msg.png") center no-repeat;
      background-size: contain;
      z-index: 1;
      width: 46px!important;
      height: 46px!important;

      .num {
        position: absolute;
        top: -10px;
        right: -24px;
        font-size: 18px;
        color: #ea2b18;
        padding: 0 6px;
        text-align: center;
        border-radius: 14px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }

    .myif-er {
      position: absolute;
      top: 30px;
      right: 108px;
      width: 42px;
      height: 42px;
      z-index: 1;
      background: url("https://img.wifenxiao.com/h5-wfx/images/user/qrcode_new.png") center no-repeat;
      background-size: 100% 100%;
    }
  }
  .head-nav{
    display: flex;
    padding: 30px 0;
    .link{
      flex: 1;
      text-align: center;
      span{
        display: block;
        &.title_num{
          font-size: 26px;
          margin-bottom: 20px;
        }
        &.title{
          font-size: 24px;
        }
      }
    }
  }
  .membership-card{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 110px;
    background: url("https://img.wifenxiao.com/h5-wfx/images/user/member/membership_card.png") center/cover no-repeat;
    .card-text{
      font-size:26px;
      color:rgba(251,215,145,1);
      width: 50%;
      line-height: 110px;
      margin-left: 155px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .card-btn{
      position: absolute;
      right: 57px;
      top: 50%;
      transform: translateY(-50%);
      line-height: 50px;
      border-radius: 25px;
      padding:0 40px 0 20px ;
      font-size: 22px;
      color: #262D46;
      @include gradient(right,#FBE3A5,#DEAD6F);
      &::after{
        position: absolute;
        width: 7px;
        height: 12px;
        content: '';
        background: url("https://img.wifenxiao.com/h5-wfx/images/user/member/sss.png") center/cover no-repeat;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
      }
    }
  }
}

.accountPanel-links {
  margin: 20px 25px;
  border-radius: 20px;
  background: $default;

  .accountPanel {
    border-radius: 20px;
    background: #fff;
    // padding: 0 24px;
    .line-bor{
      width:640px;
      height:2px;
      margin:0 auto;
      background:#EDEDED;
    }
    .iner-bor {
      // border-bottom: 1px solid #EDEDED;
      overflow: hidden;
      padding-right: 24px;
      .item {
        font-size: 24px;
        text-align: center;
        width: 175px;
        margin: 30px 0;
        color: #333;
        &:first-child {
          border-left: 0;
        }

        i {
          // vertical-align: top;
          display: block;
          @include showEllipsis;
        }
        p{
          margin-top: 20px;
          color: #666666;
          @include lineClamp(24px,auto,1)
        }
      }

      .btn-sign {
        display: block;
        width: 136px;
        padding: 15px 0;
        line-height: 26px;
        border-radius: 37.5px;
        margin-top: 42px;
        font-size: 26px;
        color: $default;
        text-align: center;
        @include gradient(right,
        #FE224E,
        #E90104);
      }
    }
    .iner-bor2 {
      overflow: hidden;
      .item {
        text-align: center;
        width: 33.3%;
        color: #333;
        padding:40px 0 ;
        position: relative;
        &::after{
          content: '';
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          width:1px;
          height:56px;
          background:#EDEDED;
        }
        &:first-child {
          border-left: 0;
        }
        &:last-child{
          &::after{
            height: 0;
          }
        }
        i {
          color: #F30C23;
          // font-size: 28px;
          // font-weight: bold;
          padding-bottom: 20px;
          display: block;
          @include lineClamp(32px,1,1)
        }
        p{
          color: #666666;
          @include lineClamp(24px,1,1)
        }
      }
      &.col2{
        .item{
          width:50%;
        }
      }

      .btn-sign {
        display: block;
        width: 136px;
        padding: 15px 0;
        line-height: 26px;
        border-radius: 37.5px;
        margin-top: 42px;
        font-size: 26px;
        color: $default;
        text-align: center;
        @include gradient(right,
        #FE224E,
        #E90104);
      }
    }
  }

  .style2-links {
    border-radius: 20px;
    background: #fff;
    font-family: PingFang SC Medium, Microsoft YaHei, SimHei;
    .link {
      position: relative;
      display: block;
      float: left;
      width: 25%;
      text-align: center;
      padding:30px 0;

      .icon-links {
        display: block;
        margin: 0 auto 15px;
        width: 50px;
        height: 50px;
        background-repeat: no-repeat;
        background-size: 100% auto;
      }
      span{
        display: block;
      }
      .num {
        color: #F30C23;
        font-size: 28px;
        font-weight: 500;
        margin-bottom: 20px;
      }

      .title {
        // font-size: 24px;
        color: #666666;
        display: inherit;
        @include lineClamp(24px,1,1)
      }

    }
  }
}

.mainmodule {
  width: 100%;

  .mianad {
    // width: 100%;
    height: auto;
    margin: 20px;
    border-radius: 20px;
    overflow: hidden;
    img {
      display: block;
      width: 100%;
      margin: 0;
      padding: 0;
      border: 0;
    }
  }

  .mianad2 {
    overflow: hidden;
    margin: 0 20px 20px;
    border-radius: 20px;
  }

  .mainlist {
    width: 100%;
    height: auto;
    margin: 10px 0;
    ul {
      display: block;
      height: auto;
      background-color: #fff;
      margin:0 25px 20px;
      border-radius: 20px;
      li {
        display: block;
        height: 94px;
        line-height: 94px;
        border-bottom: 2px solid #f5f5f5;
        box-sizing: border-box;
        position: relative;
        &::before{
          content: '';
          width: 100px;
          height: 2px;
          background: #fff;
          position: absolute;
          bottom: -2px;
          left: 0;
        }
        &:last-child{
          border-bottom: 0;

        }
        a,
        div {
          position: relative;
          display: block;
          font-weight: 500;
          font-size: 28px;
          color: #333;
          z-index: 9;
          text-indent: 100px;
          padding-right: 10%;
          background-size: 42px auto;
          background-position: 32px center;
          background-repeat: no-repeat;
          @include showEllipsis;
          // 链路中心
          // 链动会员
          &.icon_link_member {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/link/link-member.png?v=2);
          }
          // 链动订单
          &.icon_link_order {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/link/link-order.png?v=2);
          }
          // 链动收益提现
          &.icon_link_income {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/link/link-income.png?v=2);
          }
          // 链动产品
          &.icon_link_product {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/link/link-product.png);
          }
          //会员中心
          // 我的订单 -- 订单中心页
          &.icon0_1 {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/alllist.png);
          }
          // 常俊海定制  会员购买记录
          &.icon_cjh {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/DZ/changjunhai/memberRecord.png);
          }
          &.icon_jf {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/myscore.png);
          }

          &.icon_xnb {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/myxnb.png);
          }

          /* &.icon_yhq{background-image:url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/mycoupon.png);} */
          &.icon_zhcz {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/count.png);
          }

          // &.icon_yetx{background-image:url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/balance.png);}
          &.icon_yfkdd {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/orderend.png);
          }

          // &.icon_dpjsp{background-image:url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_comment.png);}
          // &.icon_yscsp{background-image:url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_yscsp.png);}
          &.icon_shop {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/shop.png);
          }

          &.icon_vip {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/vipCard.png);
          }

          &.icon_pm {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/pm.png);
          }

          &.icon_trylists {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_try_lists.png);
          }

          &.icon_crowdlists {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_crowd_lists.png);
          }

          &.icon_xgzl {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/editbtn.png);
          }

          &.icon_dzgl {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/location.png);
          }

          &.icon_wdzc {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/fxuser.png);
          }

          &.icon_hydj {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/vip.png);
          }

          &.icon_hyhd {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/user.png);
          }

          &.icon_wdhy {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/userpro.png);
          }

          &.icon_wysj {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/hysj.png);
          }

          &.icon_course {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/mycourse.png);
          }

          &.icon_wdmember {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/wdmember.png);
          }

          &.icon_cbb {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/cbb.png);
          }

          &.icon_wdsjc {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/wdsjc.png);
          }
          &.icon_sphsj {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_sphsj.png?v=1);
          }
          &.icon_hymyserve {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/hymyserve.png);
          }
          &.icon_myserveorder {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/myserveorder.png);
          }
          &.icon_storeInventory {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/storeInventory.png);
          }
          &.icon_writeOffCoupons {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/coupon.jpg);
          }

          // 分销中心
          &.icon_fxzt {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/newspaper.png);
          }

          &.icon_wdyj {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/mycash.png);
          }

          &.icon_syyjph {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/rank.png);
          }

          &.icon_dzd {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/shoin.png);
          }
          &.icon_mddd {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/mddd.png);
          }

          &.icon_ewm {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_code.png);
          }
          &.icon_invite{
            background-image:url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/invite.png)
          };
          &.icon_fxdd{
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/fxorder.png);
          }

          &.icon_upload {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/upload.png);
          }

          &.icon_wdsj {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/mysuperior.png);
          }

          &.icon_card {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_card.png);
          }
          &.icon_fhjl {
            background-image: url('https://img.wifenxiao.com/h5-wfx/images/DZ/jlsj/fhjl.png');
          }

          // 代理中心
          &.icon_cdlph {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/cdlph.png);
          }

          &.icon_fxorder {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/fxorder.png);
          }

          &.icon_supplier {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_supplierGoods.png);
          }

          &.icon_tdglj {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/tdglj.png);
          }

          &.icon_tdyj {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/tdyj.png);
          }

          &.icon_tjitem {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/tjitem.png);
          }

          &.icon_xjuser {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/xjuser.png);
          }

          &.icon_xjxndd {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/xjxndd.png);
          }

          &.icon_mysuperiora {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/mysuperiora.png);
          }

          &.icon_xnkc {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/xnkc.png);
          }
          &.icon2_16 {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_card.png);
          }
          &.icon_dhsp {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/dhsp.png);
          }

          &.icon_wyjh {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/wyjh.png);
          }

          &.icon_wojhd {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/jhorder.png);
          }

          &.icon_tddd {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/tddd.png);
          }

          &.icon_xjdd {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/xjxndd.png);
          }
          // 苏州银丰 -- 平级业绩
          &.icon_szyf {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/DZ/suzhouyinfeng/yeji.png);
          }

          // 七木：下级进货单、下级发货单
          &.icon_lowerJhd {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/lower_jhd.png);
          }

          &.icon_lowerFhd {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/lower_fhd.png);
          }

          &.icon_myDeliveryOrder {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/my_delivery_order.png);
          }

          &.icon_tjlb {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/tjitem.png);
          }

          &.icon_tdyj {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/tdyj.png);
          }

          &.icon_tdglj {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/tdglj.png);
          }

          &.icon_wdhk {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/wdhk.png);
          }

          &.icon_cdlph {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/cdlph.png);
          }

          &.icon_stkc {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/stkc.png);
          }

          &.icon_wdsja {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/mysuperiora.png);
          }

          &.icon_binding {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_binding.png);
          }

          // 供货商中心
          &.icon_gysdd {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/fxorder.png);
          }

          &.icon_gyssp {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_supplierGoods.png);
          }

          &.icon_gystx{
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_gystx.png);
          }

          &.icon_yscsp{
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_yscsp.png);
          }

          &.icon_tjgys{
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_tjgys.png);
          }
          &.icon_xsj{
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_xsj.png);
          }
          &.icon_kefu {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_kefu.png);
          }
          // 现金积分
          &.icon_xjjf {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/DZ/zyjk/card_bag.png);
          }
          // 层层报单 进货单
          &.icon11_1_qmsc {
            // background-image: url(https://img.wifenxiao.com/h5-wfx/images/DZ/qmsc/purchase-order.png);
            background: red;
          }
          // 层层报单 我的进货单
          &.icon11_2_qmsc {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/DZ/qmsc/my-purchase-order.png);
          }
          // 层层报单 下级进货单
          &.icon11_3_qmsc {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/DZ/qmsc/subordinate-purchase-order.png);
          }
          &.icon17_1_fzxz {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/DZ/zhile/sub_account.png);
          }
          &.icon18_1_mn {
            margin-bottom: 0;
            background-image: url(https://wifenxiao.oss-cn-hangzhou.aliyuncs.com/h5-wfx/images/DZ/mengNiu/%E4%BF%9D%E6%8A%A4.png);
          }
          &.icon19_1_mn {
            margin-bottom: 0;
            background-image: url(https://wifenxiao.oss-cn-hangzhou.aliyuncs.com/h5-wfx/images/DZ/mengNiu/%E6%94%B6%E9%9B%86.png);
          }
          &.icon20_1_fx {
            background-image: url(https://wifenxiao.oss-cn-hangzhou.aliyuncs.com/h5-wfx/images/share/icon20.png);
          }
          &.icon21_1_ai {
            background-image: url(https://wifenxiao.oss-cn-hangzhou.aliyuncs.com/h5-wfx/images/ai/ai-icon.png);
          }
          &.icon23_dhyl {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/convert/dhyl.png);
          }
          &.icon24_sxy {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/live/share_icon.png);
          }
          &.icon25_yhxy {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/userAgreement.png);
          }
          &.icon25_ysxy {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/privacyAgreement.png);
          }
          // 开户
          &.icon26_open {
            background-image: url(https://img.wifenxiao.com/h5-wfx/images/icon_open_card.png);
          }
          span {
            position: absolute;
            font-size: 20px;
            top: 50%;
            right: 65px;
            transform: translateY(-50%);
            border-radius: 40px;
            color: $default;
            background-color: $warning;
            min-width: 80px;
            line-height: 44px;
            text-align: center;
            text-indent: 0;
            font-family: Gilroy-Regular;
          }

          .icon_right {
            width: 24px;
            height: 100%;
            position: absolute;
            right: 20px;
            top: 0;
            font-size: 60px;
          }
          // TODO 右箭头svg修改成css
          i {
            &.icon-right{
              position: absolute;
              right: 20px;
              top: 36px;
              border: solid #666;
              border-width: 0 3px 3px 0;
              padding: 6px;
              transform: rotate(-45deg);
              -webkit-transform: rotate(-45deg);
            }
          }
        }
      }
    }
  }
}

.style2-actions {
  background: $default;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 40px);
  margin: 20px;
  border-radius: 16px;

  &-title {
    width: 100%;
    padding: 0 25px;
    border-bottom: 1px solid #EDEDED;
    line-height: 80px;
    color: #333;
    box-sizing: border-box;
    font-size:32px;
    font-weight:bold;
  }

  .action {
    width: 25%;
    text-align: center;
    padding: 33px 0 !important;
    // border: 2px solid #f5f5f5;
    // border-width: 0 2px 2px 0;
    // overflow: hidden;
    box-sizing: border-box;
    position: relative;

    .icon-action {
      display: block;
      margin: 0 auto 25px;
      width: 50px;
      height: 50px;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      // 链路中心
      // 链动会员
      &.icon_link_member {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/link/link-member.png?v=2);
      }
      // 链动订单
      &.icon_link_order {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/link/link-order.png?v=2);
      }
      // 链动收益提现
      &.icon_link_income {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/link/link-income.png?v=2);
      }
      // 链动产品
      &.icon_link_product {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/link/link-product.png);
      }
      // 我的订单 -- 订单中心页
      &.icon0_1 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/alllist.png);
      }
      //会员中心
      &.icon1_1 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/myscore.png);
      }

      &.icon1_14 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/myxnb.png);
      }

      /* &.icon_yhq{background-image:url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/mycoupon.png);} */
      &.icon1_3 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/count.png);
      }

      // &.icon_yetx{background-image:url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/balance.png);}
      &.icon1_5 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/orderend.png);
      }

      // &.icon_dpjsp{background-image:url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_comment.png);}
      // &.icon_yscsp{background-image:url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_yscsp.png);}
      &.icon1_16 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/shop.png);
      }

      &.icon7_1 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/vipCard.png);
      }

      &.icon1_15 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/pm.png);
      }

      &.icon1_30 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/hymyserve.png);
      }

      &.icon1_7{
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_tjgys.png);
      }

      &.icon1_8 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_try_lists.png);
      }

      &.icon1_9 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_crowd_lists.png);
      }

      &.icon1_10 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/editbtn.png);
      }

      &.icon1_11 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/location.png);
      }

      &.icon3_1 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/fxuser.png);
      }

      &.icon1_12 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/vip.png);
      }

      &.icon1_13 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/user.png);
      }

      &.icon2_7 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/userpro.png);
      }

      /* &.icon_wdmember{
        background-image:url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/wdmember.png);
      } */
      &.icon1_17 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/cbb.png);
      }
      &.icon1_18 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/hysj.png);
      }

      &.icon1_19 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/mycourse.png);
      }

      &.icon_upload {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/upload.png);
      }

      &.icon2_26 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/wdsjc.png);
      }
      &.icon2_27 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/invite.png);
      }

      &.icon2_28 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_binding.png);
      }
      &.icon2_29 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/mddd.png);
      }
      &.icon2_30 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/myserveorder.png);
      }
      &.icon2_31 {
        background-image: url( https://img.wifenxiao.com/h5-wfx/images/user/li_icon/coupon.png);
      }
      &.icon2_32 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/coupon.jpg);
      }
      &.icon2_33 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/storeInventory.png);
      }

      &.icon2_34{
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/DZ/twelve/twelve.png);
      }

      //分销中心
      &.icon2_1 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/newspaper.png);
      }

      &.icon2_9 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/mycash.png);
      }

      &.icon2_10 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/rank.png);
      }

      &.icon2_11 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/shoin.png);
      }

      &.icon2_12 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_code.png);
      }

      &.icon2_13 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/mysuperior.png);
      }

      &.icon2_14{
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_gystx.png);
      }

      &.icon2_15{
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_code.png);
      }

      &.icon2_16 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_card.png);
      }

      &.icon2_21{
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_yscsp.png);
      }
      &.jlsj_1 {
        background-image: url('https://img.wifenxiao.com/h5-wfx/images/DZ/jlsj/fhjl.png');
      }
      &.icon_sphsj {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_sphsj.png?v=1);
      }
      //代理中心
      &.icon2_25 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/cdlph.png);
      }

      &.icon3_2 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/wdmember.png);
      }

      &.icon2_4 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/fxorder.png);
      }

      &.icon2_2 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_supplierGoods.png);
      }

      &.icon2_23 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/tdglj.png);
      }

      &.icon2_22 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/tdyj.png);
      }

      &.icon2_17 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/tjitem.png);
      }

      &.icon3_8 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/xjuser.png);
      }

      &.icon3_9 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/xjxndd.png);
      }

      &.icon2_24 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/mysuperiora.png);
      }

      // 订货商中心
      &.icon3_6 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/xnkc.png);
      }

      &.icon3_5 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/wyjh.png);
      }

      &.icon3_7 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/jhorder.png);
      }

      &.icon3_10 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/wdhk.png);
      }
      &.icon3_11 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_xsj.png);
      }

      &.icon3_12 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/icon_kefu.png);
      }

      &.icon3_15 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/dhsp.png);
      }

      &.icon_stkc {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/stkc.png);
      }

      // 七木：下级进货单、下级发货单
      &.icon3_16 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/lower_jhd.png);
      }

      &.icon3_17 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/lower_fhd.png);
      }

      &.icon3_18 {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/li_icon/my_delivery_order.png);
      }
      // 常俊海定制  会员购买记录
      &.icon12_1_cjh {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/DZ/changjunhai/memberRecord.png);
      }
      // 苏州银丰 -- 平级业绩
      &.icon17_1_szyf {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/DZ/suzhouyinfeng/yeji.png);
      }
      // 现金积分
      &.icon16_1_zyjk {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/DZ/zyjk/card_bag.png);
      }
      // 层层报单 进货单
      &.icon11_1_qmsc {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/DZ/qmsc/purchase-order.png);
      }
      // 层层报单 我的进货单
      &.icon11_2_qmsc {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/DZ/qmsc/my-purchase-order.png);
      }
      // 层层报单 下级进货单
      &.icon11_3_qmsc {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/DZ/qmsc/subordinate-purchase-order.png);
      }
      &.icon17_1_fzxz {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/DZ/zhile/sub_account.png);
      }
      &.icon18_1_mn {
        margin-bottom: 0;
        background-image: url(https://wifenxiao.oss-cn-hangzhou.aliyuncs.com/h5-wfx/images/DZ/mengNiu/%E4%BF%9D%E6%8A%A4.png);
      }
      &.icon19_1_mn {
        margin-bottom: 0;
        background-image: url(https://wifenxiao.oss-cn-hangzhou.aliyuncs.com/h5-wfx/images/DZ/mengNiu/%E6%94%B6%E9%9B%86.png);
      }
      &.icon20_1_fx {
        background-image: url(https://wifenxiao.oss-cn-hangzhou.aliyuncs.com/h5-wfx/images/share/icon20.png);
      }
      &.icon21_1_ai {
        background-image: url(https://wifenxiao.oss-cn-hangzhou.aliyuncs.com/h5-wfx/images/ai/ai-icon.png);
      }
      &.icon23_dhyl {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/convert/dhyl.png);
      }
      &.icon24_sxy {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/live/share_icon.png);
      }
      &.icon25_yhxy {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/userAgreement.png);
      }
      &.icon25_ysxy {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/user/privacyAgreement.png);
      }
      // 开户
      &.icon26_open {
        background-image: url(https://img.wifenxiao.com/h5-wfx/images/icon_open_card.png);
      }
    }

    .title {
      display: block;
      width: 99%;
      margin: 0 auto;
      font-size: 24px;
      color: #666666;
      @include showEllipsis;
      line-height: 28px;
      &.mengniu {
        width: 60%;
        white-space: initial;
        word-break: initial;
        text-overflow: initial;
      }
    }

    .subtitle {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      text-align: center;
      color: #9c9c9c;
      font-size: 22px;
      margin-top: 2px;
      display: none;
    }
  }
}

.query-box{
  background: #fff;
  border-radius: 20px;
  margin: 0 30px;
  .top-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    .title{
      margin-left: 20px;
      font-size: 32px;
      font-weight: bold;
      color: #333333;
    }
  }
  .header-box{
    padding: 20px;
    display: flex;
    justify-content: space-around;
    span{
      display: block;
      margin-left: 10px;
      border-radius: 20px;
      width: 70px;
      line-height: 30px;
      font-size: 20px;
      border: thin solid #ccc;
      text-align: center;
    }
    .select{
      color: #fff;
      border-color: red;
      background: red;
    }
  }
  .get-box{
    width: 660px;
    height: 180px;
    padding: 20px;
    margin-bottom: 20px;
    display: flex;
    margin: 0 30px 30px 0;
    .getMoney{
      width: 50%;
      text-align: center;
      .title{
        font-size: 30px;
        font-weight: 700;
        padding: 30px;
      }
      .money{
        color: red;
        font-size: 30px;
      }
    }
  }
}

.code-pop{
  width:600px;
  height:600px;
  padding:60px;
  border-radius:20px;
  background:#fff;
  img{
    display:block;
    width:100%;
  }
}

@keyframes spin {
  0% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(0deg);
  }
}
